@base-color:#45a2ff;
@head-color:#e7eef4;
body{
  font-family:"苹方 常规";
}
//订单详情页
.easytrip-orderdetail{
  float: right;
  margin-left:.1rem;
  background-color: #fff;
  width: 16.4rem;
  padding-left: .3rem;
  box-sizing: border-box;
  position: relative;
  //订单顶部
  .orderdetail-top{
    border-bottom: 2px solid @base-color;
    width: 100%;
    .orderdetail-toptext{
      background-color: @base-color;
      font-size:.18rem;
      height: .5rem;
      width: 1.5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
    }
  }
  //订单信息
  .orderdetail-info{
    margin-top: .2rem;
    width: 12.6rem;
    font-size:.2rem;
    color: #454545;
    .order-info{
      height: 100%;
      .order-infoheader{
        height: .5rem;
        line-height:.5rem;
        background-color: @head-color;
        padding-left: .2rem;
      }
      .order-infocontent{
        overflow: hidden;
        padding:.2rem;
        color: #454545;
        //订单日志中的表格样式
        table{
          tbody{
            tr{

              td{
                width: 2.5rem;
                margin:1.22rem;
                text-align: center;
                color: #595959;
                padding:0 .2rem;
                height:.4rem;
                line-height: .4rem;
                font-size:.14rem;
              }
            }
          };
        }
        .order-infocontentfirst,
        .order-infocontentsecond{
          div{
            height: .3rem;
            line-height: .3rem;
          }
          font-size:.18rem;
          color: #7a7a7a;
          float: left;
          //每日房价输入框样式
          .daypriceinput{
            width: 3.5rem;
            height: .3rem;
            border:1px solid @base-color;
            position: absolute;
            top:0;
            left: .9rem;
            padding-left:.1rem;
            font-size:.18rem;
          }
          .dayprice{
            position: relative;
          }
        }
        .order-infocontentsecond{
          margin-left: 4.39rem;
          div{
            .red{
              color: #ff6769;
            }
            .blue{
            color: @base-color;
          }
          }
        }
      }
      .line{
        box-sizing: border-box;
        border:1px solid #ccc;
        height: 1px;
      }
      .order-state{
        font-size:.18rem;
        height: .5rem;
        line-height:.5rem;
        color: #454545;
        div{
          float: left;
          //s{
          //  color: #7a7a7a;
          //}
        }
        label{
          float: left;
          margin-left: .2rem;
          input{
            float: left;
            margin-top:.2rem;
          }
        }
      }
    }
    .frontname{
      color: #7a7a7a;
    }

  }
//  右侧表格
  .orderdetail-rightform{
    width:3.1rem;
    height: 4.54rem;
    background-color: #e7eef4;
    float: right;
    box-sizing: border-box;
    padding: 0 .45rem;
    position: absolute;
    top:.72rem;
    left:13rem;
    p{
      color: #ff1d00;
      text-align: center;
      margin-top:.3rem;
    }
    div{
      width: 2.2rem;
      height: .4rem;
      line-height:.4rem;
      text-align: center;
      color: #ff6769;
      border:1px solid #ff6769;
      margin:.2rem 0;
    }
  }

}
//底部
.easytrip-footer{
  border-top:1px solid #e1e1e1;
  width: 100%;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size:.16rem;
  color: #4f4f4f;
}